
/* container for slides */
.images {
  
   
    position:relative;
    height:362px;
	z-index:1;
    width:750px;
    float:left;
   
    cursor:pointer;

    /* CSS3 tweaks for modern browsers */
   
}

/* single slide */
.images div {
    display:none;
    position:absolute;
    top:0;
    left:0;
   
    height:400px;
   
}

/* header */

/* tabs (those little circles below slides) */
.slidetabs {
    clear:both;
    margin-left:310px;
}

/* single tab */
.slidetabs a {
    width:20px;
    height:20px;
    float:left;
    margin:3px;
    background:transparent url(../img/numeracion_slider.png) no-repeat 0 0; 
    display:block;
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}

/* mouseover state */
.slidetabs a:hover {
    background-position:-20px 0;
}

/* active state (current page state) */
.slidetabs a.current {
    background-position:-20px 0px;
}


/* prev and next buttons */
.forward, .backward {
	position:absolute;
    float:left;
    margin-top:140px;
    /*background:red; -------------descomentar-------------*/
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}

#slider1,#slider2 { float: left; height: 136px; }
#slider1 .images,#slider2 .images { height: 136px; width: 210px;}
#slider1 .images div,#slider2 .images div { height: 112px;}
#slider1 .images div img,#slider2 .images div img { margin-bottom: 8px; padding-bottom:8px; border-bottom: solid 1px #F5F3F2;}
#slider1 .slidetabs1,#slider2 .slidetabs1 { position: absolute; right: 10px; bottom: 10px; z-index: 10; }
#slider1 .images div a, #slider2 .images div a { color: #8D7D6B; text-decoration: none;}
#slider1 .forward, #slider1  .backward,#slider2 .forward, #slider2  .backward {  margin-top:20px; display: none; }
#slider1 .slidetabs1 a, #slider2 .slidetabs1 a { margin-left:3px; text-indent:-1000em; text-decoration: none; font-size: 1px; background: transparent url(../img/round_buttons.png) no-repeat right; height: 12px; width: 12px; float: left; }

.slidetabs1 a:hover,.slidetabs1 a.current{ background-position:left!important;}


